<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="apple-mobile-web-app-title" content="Amaze UI" />
  <title>确认信息</title>
  <link rel="stylesheet" href="../../template/assets/css/amazeui.min.css"/>
  <link rel="stylesheet" href="../../template/website/css/app.css"/>
</head>
<body>
  <div class="am-u-sm-g am-padding">
    <div> <b>宽带号码：</b>
      <span id="broadband_no"></span>
      <input type="hidden" id="broadband_account_no_domains"/>
    </div>
    <div> <b>宽带套餐：</b>
      <span id="broadband_name"></span>
    </div>
    <div>
      <b>联系号码：</b>
      <span id="phone_no"></span>
    </div>
    <div>
      <b>预约安装日期：</b>
      <span id="reservation_date"></span>
    </div>
    <div>
      <b>宽带登录密码：</b>
      <span id="broadband_password"></span>
      <input type="hidden" id="password" value="" />
    </div>
    <div class="am-g">
      <button type="button" class="am-btn am-btn-primary am-btn-block " id='change_pwd_btn' disabled>修改宽带登录密码</button>
    </div>
  </div>

  <div class="am-g am-input-group-label am-text-center">互联网电视基本产品（可不选）</div>
  <div class="am-g am-g-collapse am-padding-horizontal-sm am-margin-top-sm am-text-sm">
    <div class="am-u-sm-3 am-u-md-1 am-padding-xs">
      <span class="am-text-danger"></span>
      产品类型：
    </div>
    <div class="am-u-sm-9 am-u-md-11 am-padding-xs">
      <select data-am-selected="{btnWidth: '100%', btnSize: 'sm',maxHeight: 200}" id="tv_type"  placeholder="请选择产品类型">
        <option value="none">无</option>
        <script type="text/x-handlebars-template" id="amz-list">
      {{#if list}}
        {{#list}}
        <option value="{{CODE_VALUE}}">{{CODE_NAME}}</option>         
        {{/list}}      
      {{/if}}
    </script>
      </select>
    </div>
  </div>
  <div class="am-g am-g-collapse am-padding-horizontal-sm am-margin-top-sm am-text-sm">
    <div class="am-u-sm-3 am-u-md-1 am-padding-xs am-text-bottom">MAC地址1：</div>
    <div class="am-u-sm-9 am-u-md-11 am-padding-xs">
      <div style="float: left; width: 100%;">
        <input class="am-form-field  am-input-sm" type="text" id="mac_1" placeholder="请输入MAC地址1" maxlength="200" value=""/>
      </div>
    </div>
  </div>
  <!-- <div class="am-g am-g-collapse am-padding-horizontal-sm am-margin-top-sm am-text-sm">
    <div class="am-u-sm-3 am-u-md-1 am-padding-xs">MAC地址2：</div>
    <div class="am-u-sm-9 am-u-md-11 am-padding-xs">
      <div style="float: left; width: 100%;">
        <input class="am-form-field  am-input-sm" type="text" id="mac_2" placeholder="请输入MAC地址2" maxlength="200" value=""/>
      </div>
    </div>
  </div>
  <div class="am-g am-g-collapse am-padding-horizontal-sm am-margin-top-sm am-text-sm">
    <div class="am-u-sm-3 am-u-md-1 am-padding-xs">MAC地址3：</div>
    <div class="am-u-sm-9 am-u-md-11 am-padding-xs">
      <div style="float: left; width: 100%;">
        <input class="am-form-field  am-input-sm" type="text" id="mac_3" placeholder="请输入MAC地址3" maxlength="200" value=""/>
      </div>
    </div>
  </div> -->
  <div class="am-g am-padding">
    <button type="button" class="am-btn am-btn-primary am-btn-block " id='submit_btn' disabled>完成</button>
  </div>
  <div class="am-modal am-modal am-modal-confirm" tabindex="-1" id="change-pwd-modal">
    <div class="am-modal-dialog">
      <div class="am-modal-hd">修改宽带登录密码</div>
      <div class="am-modal-bd">
        <div class="am-g">
          <div class="am-u-sm-12">
            <div class="am-form-group am-form-icon"> <i class="am-icon-lock"></i>
              <input type="password" class="am-form-field am-input-xs" placeholder="请输入新密码" id="password1" ></div>
          </div>
        </div>
        <div class="am-g">
          <div class="am-u-sm-12">
            <div class="am-form-group am-form-icon"> <i class="am-icon-lock"></i>
              <input type="password" class="am-form-field am-input-xs" placeholder="请再次输入新密码" id="password2" ></div>
          </div>
        </div>
        <div>
          <span class="am-text-danger am-text-left am-text-xs" id="change_pwd_info"></span>
        </div>
      </div>

      <div class="am-modal-footer">
        <span class="am-modal-btn" data-am-modal-cancel>取消</span>
        <span class="am-modal-btn" data-am-modal-confirm id="save_new_pwd_btn">确定</span>
      </div>
    </div>
  </div>
  <div class="am-modal am-modal am-modal-confirm" tabindex="-1" id="change-account-modal">
    <div class="am-modal-dialog">
      <div class="am-modal-hd">宽带登录帐号</div>
      <div class="am-modal-bd">
        <div class="am-g am-text-sm" style="text-align:left;">
          <span id="account_info"></span>
        </div>
        <div class="am-g am-padding-top">
          <div class="am-u-sm-12">
            <span class="am-text-sm am-padding-xs-top" id="account_phone"></span>
            <input type="text" class="am-input-sm" style="width:15%;" maxlength="1" placeholder="1-9" id="account_suffix" onkeyup="value=value.replace(/[^1-9]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^1-9]/g,''))">@<span class="am-text-sm" id="account_domains"></span>
          </div>
        </div>       
      </div>

      <div class="am-modal-footer">
        <span class="am-modal-btn" data-am-modal-confirm id="change_account_btn">确定</span>
      </div>
    </div>
  </div>
  <div class="am-modal am-modal-loading am-modal-no-btn" tabindex="-1" id="modal">
    <div class="am-modal-dialog">
      <div class="am-modal-hd">加载中...</div>
      <div class="am-modal-bd">
        <span class="am-icon-spinner am-icon-spin"></span>
      </div>
    </div>
  </div>
  <div class="am-modal am-modal-no-btn" tabindex="-1" id="modal-submit">
    <div class="am-modal-dialog">
      <div class="am-modal-bd" id="modal_content">
        <i class="am-icon-spinner am-icon-spin"></i>
        正在提交预约信息，请稍候...
      </div>
    </div>
  </div>
  <div class="am-modal am-modal-alert" tabindex="-1" id="vgroup-alert">
    <div class="am-modal-dialog">
      <div class="am-modal-hd">提示</div>
      <div class="am-modal-bd" id="vgroup-alert-content"></div>
      <div class="am-modal-footer">
        <span class="am-modal-btn">确定</span>
      </div>
    </div>
  </div>
  <script type="text/javascript" src="../../template/assets/js/jquery.min.js"></script>
  <script type="text/javascript" src="../../template/assets/js/amazeui.min.js"></script>
  <script type="text/javascript" src="../../template/assets/js/handlebars.min.js"></script>
  <script type="text/javascript" src="../../template/assets/js/amazeui.widgets.helper.min.js"></script>
  <script type="text/javascript" src="../../template/website/js/app.js"></script>
  <script type="text/javascript" src="../../template/website/js/campus/broadband_confirm.js"></script>
</body>
</html>